﻿@font-face {
    font-family: myFirstFont;
    src: url(fonts/lato-lig-webfont.woff);
}

body {
    font-size: 13px;
    line-height: 18px;
    color: #555;
    position: relative;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: 'myFirstFont', Helvetica, Ariel, sans-serif;
}

ul {
    list-style: none outside;
    margin: 0px;
    padding: 0px;
}

li {
    margin: 0px;
    padding: 0px;
}

div {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

img {
    max-width: 100%;
}

p {
    line-height: 17px;
    margin: 0 0 18px;
}

h4 {
    font-size: 21px;
    margin-bottom: 3px;
}

h1, h2, h3, h4 {
    font-weight: normal;
}

a {
    text-decoration: none;
}

/*------------------------- Nav-------------------------- */
#nav {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
    background-color: #333;
    box-shadow: rgba(0, 0, 0, 0.109804) 0px 0px 30px 0px;
}

    #nav a.logo {
        color: #fff;
        font-weight: bold;
        font-size: 22px;
        margin-top: 16px;
        margin-left: -188px;
        left: 100%;
        z-index: 3000;
        position: absolute;
    }

    #nav div.nav-content {
        margin-top: 5px;
        margin-bottom: 0px;
        min-width: 780px;
        width: 100%;
        height: 90px;
        box-sizing: border-box;
        padding-top: 10px;
        padding-left: 30px;
    }
.nav li a{
    color: #AAABAE;
}
#mainnav {
    list-style: none outside;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    display: table;
    height: 32px;
}

    #mainnav li {
        display: block;
        float: left;
        margin-bottom: 12px;
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
    }

        #mainnav li a {
            font-size: 20px;
            padding: 0px 14px 0 0;
            margin-top: 0px;
            line-height: 1 !important;
            text-decoration: none;
        }

            #mainnav li a:hover {
                color: white;
            }

#subnav {
    list-style: none outside;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    display: table;
}
#subnav li a:hover {
    color: white;
}
    #subnav li {
        min-width: 1px;
        margin-right: 0px;
        display: block;
        float: left;
        margin-bottom: 12px;
    }

        #subnav li a {
            font-size: 20px;
            padding: 0px 14px 0 0;
            margin-top: 0px;
            line-height: 1 !important;
            text-decoration: none;
        }

.search-query {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 5px 2px 5px;
    font-family: 'VegaSBOP-Light', Helvetica, Ariel, sans-serif;
    font-size: 20px;
    margin-top: -6px;
    -webkit-font-smoothing: antialiased;
    border: none;
    background-color: transparent;
    color: #888;
}

input.placeholder {
    color: #888;
}

.search-query:hover {
    color: #fff !important;
}
/*----------------Page---------------------*/
.bound-page{
    height:100%;
    position:relative;
    width:100%;
}
.bound-page img{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
}
.home-title{
    position:absolute;
    font-size:42px;
    color:white;
    font-weight:bold;
    margin:45px 40px;
    line-height:50px;
}
#content {
    height: 100%;
    padding-top: 95px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 30;
    margin: 0px;
    clear:both;
}
/*----------Subpage----------*/
.subpage {
    font-size: 14px;
    color: #AAABAE;
    background-color: #666;
    height: auto;
    margin: 0px;
    padding: 0px;
    padding-bottom:10px;
}

#content.subpage ul li.cog_type {
    line-height: 24px;
    padding-bottom: 30px;
}

#content.subpage ul li h4 {
    color: #fff;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 15px;
}

#content.subpage ul li .description {
    margin-right: 30px;
    margin-left: 30px;
}

#content.subpage .subnav {
    margin-left: 30px;
    margin-right: 30px;
}

#content.subpage ul li p {
    line-height: 20px;
}

#content.subpage .line {
    margin-left: 30px;
    margin-right: 30px;
    border-bottom: 1px #858585 solid;
    margin-bottom: 15px;
}

#content.subpage p a {
    color: #aaa;
    border-bottom: 1px solid rgba(145,145,145,0.5);
}

#content.subpage .subnav a {
    color: #aaa;
}

.subnav .share {
    margin-top: 5px;
}

.share_box {
    display: inline-block;
    margin-top: 7px;
    width: 100%;
    font-size: 14px;
}

    .share_box ul li {
        margin-bottom: 5px;
        display: inline-block;
        margin-right: 10px;
    }

/*----------Rgrid----------*/
#project-list{
    padding-top:25px;
}
.rgrid {
    margin-left: 20px;
    margin-right: 20px;
}

    .rgrid .item {
        width: 20%;
        float: left;
        padding: 0 10px 20px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .rgrid .item a {
            color: #555;
            font-size: 14px;
            font-weight: 100;
            font-family: Arial;
        }
#content.projects_grid .rgrid {
    margin-top:20px;
}
#content.projects_grid .rgrid .item a:hover, #content.projects_grid .rgrid .item a:hover h4 {
    text-decoration: none;
    color: #fff;
}

#content.projects_grid ul.rgrid .item h4 {
    min-height: 50px;
    color: #959699;
    padding-top: 10px;
    color: #6E6E70;
    font-size: 16px;
    font-weight: inherit;
    line-height: 1.25;
    margin: 0px;
}

#content.projects_grid .rgrid .item a:hover h4 {
    color: #FFF;
}

#content.projects_grid .rgrid .item a img {
    display: block;
    position: relative;
    top: 0;
}

.rgrid img.responsive, .rgrid .overlayed {
    width: 100% !important;
    height: auto !important;
}
/*----------Credit----------*/
.credit {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1000;
    padding-top: 30px;
    padding-bottom: 0;
    left: 0;
}

.credit-btn {
    position: absolute;
    height: 25px;
    width: 25px;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.credit-content {
    background: #fff;
    box-shadow: 1px 1px 3px #8c8c8c;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-height: 106px;
    height: 0;
}

.credit-close-btn {
    float: right;
    font-size: 19px;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
}

.credit ul {
    padding: 10px 25px;
}

.main-credit {
    overflow: auto;
}

    .main-credit li {
        width: auto;
        margin-right: 25px;
        display: inline;
        float: left;
        line-height: 18px;
        text-align: left;
    }

        .main-credit li h1 {
            font-size: 1.0em;
            color: #000;
            line-height: 1em;
            margin: 0 0 5px;
            padding: 0;
        }

        .main-credit li ul {
            padding: 0;
        }

        .main-credit li a {
            color: #555;
        }

            .main-credit li a:hover {
                color: #000;
            }

        .main-credit li ul li {
            display: inline-block;
            line-height: 18px;
            text-align: left;
            width: 100%;
            margin-bottom: 0;
        }

/*----------Project Detail----------*/
#content.projects_single article.page {
    height: 100%;
    z-index: 2;
    position: fixed;
}

#content.projects_single img.featured.mobile-only {
    display: none;
}

#content.projects_single article .ppanel {
    position: fixed;
    width: 450px;
    height: 100%;
    background: #333;
    opacity: 0.9;
    zoom: 1;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index:1000;
    /*margin-top:-25px;*/
}

    #content.projects_single article .ppanel a {
        opacity: 1;
    }

    #content.projects_single article .ppanel h1 {
        opacity: 1;
    }

.jspContainer {
    position: relative;
    overflow:hidden;
}

#content.projects_single .close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    width: 10px;
}

a.close .icon-cross, a.close .icon-arrowright {
    font-size: 36px;
    width: auto !important;
    display: block;
    font-size: 42px;
    line-height: 12px;
}

#content.projects_single article .project-copy p {
    padding-right: 30px;
    font-family: 'VegaSBOP-Light', Helvetica, Ariel, sans-serif;
    color: #AAA;
    font-size: 16px;
    line-height: 20px;
}

#content.projects_single article .subnav {
    color: #AAA;
    font-size: 16px;
    line-height: 20px;
    margin-top: 40px;
}

    #content.projects_single article .subnav span {
        width: 100%;
        display: block;
    }

    #content.projects_single article .subnav a {
        color: #AAA;
    }

#slides {
    top: 0;
    z-index: 0;
    position: fixed;
    overflow: hidden;
    width: 100%;
}

    #slides .slides-navigation {
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 3;
        top: -50%;
    }

        #slides .slides-navigation a.next {
            right: 0;
            width: 40px;
            height: 61px;
        }

        #slides .slides-navigation a.prev {
            left: 0;
            margin-left: 450px;
        }

    #slides img {
        width: 100%;
        height: auto;
    }

.icon-cross:before {
    font-weight: normal;
    font-style: normal;
    color: white;
    font-size: 30px;
    content: "X";
}
.icon-arrowright:before {
    font-weight: normal;
    font-style: normal;
    color: white;
    font-size: 35px;
    content: ">";
}
#content.projects_single article .ppanel a {
    color: white;
    font-size: 16px;
}

#content.projects_single article .ppanel h1 {
    color: white;
    font-size: 20px;
}

/*-----------------News-----------------------*/
#news-list {
    padding-left: 0px;
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.news-item {
    font-size: 16px;
    width: 450px;
    display: inline-block;
    float: left;
    margin: 0 0px 0px 30px;
    padding: 0 0 30px 0;
}

    .news-item header {
        color: #AAABAE;
        border-bottom: 1px solid #CFCFCF;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }

        .news-item header h1 {
            font-size: 34px;
            line-height: 38px;
            color: #666666;
            margin-top: 0px;
            margin-bottom: 15px;
        }

    .news-item p {
        line-height: 20px;
    }

    .news-item a {
        color: #555;
        text-decoration: none;
        border-bottom: 1px solid rgba(145,145,145,0.5);
    }

    .news-item .share {
        width: 100%;
        margin-top: 10px;
        float: left;
        color: #ababab;
        font-size: 14px;
    }

        .news-item .share a.share_btn {
            margin-right: 10px;
            float: left;
        }

        .news-item .share .share_box {
            margin-top: 7px;
            float: left;
        }
/*---------------Filter-------------*/
#filter h4 {
    border-bottom: 1px #aaabae solid;
    color: #959699;
    padding-bottom: 2px;
    margin-bottom: 10px;
    font-size: 16px;
}
#filter .column {
float: left;
display: inline-block;
margin: 0;
}
#filter {
padding-top: 0px;
margin-left: 20px;
display: none;
top:90px;
position:relative;
}

.rgrid {
margin-left: 20px;
margin-right: 20px;
}
.rgrid .item {
width: 20%;
}
.icon-arrowrightb::before{
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    color: #555;
    float: right;
    content:'>>';
}
.apply a:hover{
    color:#959699;
}
/*------------------------Contact-------------------*/
#subForm input {
    font-family: VegaSBOP-Light;
    border: 1px solid #333;
    /*background-color: #333;*/
    color: #8b8888;
    margin-bottom: 10px;
    padding: 10px 0px 10px 10px;
    font-size: 16px;
}